<!doctype html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>个人视频教学网站</title>
    {% load static %}

    <meta name="keywords" content="{{site_info.screen_name}}个人视频教学网站"/>
    <meta name="description" content="{{site_info.screen_name}}个人视频教学网站"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 下面这个 meta 用于解决外链图片403的问题-->
    <meta name="referrer" content="no-referrer"/>
    <link href="{% static 'app01/video/css/base.css' %}" rel="stylesheet">
    <link href="{% static 'app01/video/css/index.css' %}" rel="stylesheet">
    <link href="{% static 'app01/video/css/m.css' %}" rel="stylesheet">
    <script src="{% static 'app01/video/js/jquery.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'app01/video/js/jquery.easyfader.min.js' %}"></script>
    <script src="{% static 'app01/video/js/scrollReveal.js' %}"></script>
    <script src="{% static 'app01/video/js/common.js' %}"></script>
    <!-- <script src="{% static 'app01/video/js/page.js' %}"></script> -->
    <script src="{% static 'app01/js/page.js' %}"></script>
    <!--[if lt IE 9]>
    <script src="js/modernizr.js"></script>
    <![endif]-->
</head>
<body>
{% include "app01/video_nav.html" %}
<div class="pagebg sh"></div>
<div class="container">
    <h1 class="t_nav" style="background-color:#333">
        <a href="/newblog/video/" class="n1" style="background-color:#333">全部</a>
        <a href="/newblog/video/{{videocg.nid}}/" class="n1" style="background-color:#333">{{videocg}}</a>
    </h1>

    <div class="newblogs">
        <div class="share">
            <ul id="list" style="display:none;">
                {%for video in video_list %}
                <li>
                    <div class="shareli"><a href="/videoinfo?a={{video.video_url}}" target="_blank"> <i><img
                            src="{{video.course_img}}"></i>
                        <h2>{{video.create_time}} <b>{{video.course_name}}</b></h2>
                        <span>{{video.course_looks}}</span>
                    </a>
                    </div>
                </li>
                {%endfor%}


            </ul>
            <ul id="list2">
            </ul>
            <script src="{% static 'app01/js/page2.js' %}"></script>
        </div>
    </div>
</div>
<footer>
    {%include 'app01/footer.html' %}
</footer>
<a href="#" class="cd-top">Top</a>

<script type="text/javascript">
    // ajax测试
    $(".shareli").on("click", function () {
            // 使用jquery语法，根据name属性找到元素，再使用val方法获取值
            var csrfToken = $("[name='csrfmiddlewaretoken']").val();
            var video_url= $(".shareli").attr('url')
            $.ajax({
                url: '/videoinfo/',
                type: 'post',
                data: {'csrfmiddlewaretoken':csrfToken,'video_url':video_url},
                success: function (ret_arg) {
                    swal(ret_arg);
                }
            })
        }
    )
</script>


</body>
</html>
